import { createTheme, responsiveFontSizes } from "@mui/material"

export const footerTheme = responsiveFontSizes(
    createTheme({
        components: {
            MuiIconButton: {
                styleOverrides: {
                    root: {
                        color: 'white',
                    },
                },
            },
            MuiButton: {
                styleOverrides: {
                    root: {
                        color: 'white',
                        fontSize: "1em",
                    },
                },
            },
            MuiPaper: {
                defaultProps: {
                    component: 'footer',
                    sx: {
                        display: { xs: "none", md: "block" }
                    }
                },
                styleOverrides: {
                    root: {
                        padding: "1em 0",
                        backgroundColor: "black",
                        color: "white",
                    },
                },
            },
            MuiTypography: {
                defaultProps: {
                    align: 'center'
                }
            }
        },
    })
)
